/* src/assets/styles/index.css */

/* 导入Element Plus默认样式 */
@import 'element-plus/dist/index.css';

/* 定义工具类 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

/* 其他全局样式 */
.el-breadcrumb {
  margin-bottom: 20px;
}

.el-card {
  margin-bottom: 20px;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #c0c4cc;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a8abb2;
}

/* 深色模式样式 */
.dark body {
  background-color: #1e1e2e;
  color: #cdd6f4;
}

.dark .el-card {
  background-color: #313244;
  border-color: #45475a;
}

.dark .el-card .el-card__header {
  border-bottom-color: #45475a;
}

.dark .el-table {
  background-color: #313244;
}

.dark .el-table .el-table__header th {
  background-color: #45475a;
  color: #cdd6f4;
}

.dark .el-table .el-table__body tr:hover .el-table__cell {
  background-color: #45475a !important;
}

.dark .el-table .el-table__body tr.el-table__row--striped .el-table__cell {
  background-color: #292b3e;
}

.dark .el-input .el-input__inner {
  background-color: #45475a;
  border-color: #585b70;
  color: #cdd6f4;
}

.dark .el-input .el-input__inner::placeholder {
  color: #6c7086;
}

.dark .el-button:not(.is-text):not(.is-link) {
  background-color: #45475a;
  border-color: #585b70;
  color: #cdd6f4;
}

.dark .el-button:not(.is-text):not(.is-link):hover {
  background-color: #585b70;
  border-color: #6c7086;
}

.dark .el-button:not(.is-text):not(.is-link).is-primary {
  background-color: #89b4fa;
  border-color: #89b4fa;
  color: #1e1e2e;
}

.dark .el-button:not(.is-text):not(.is-link).is-success {
  background-color: #a6e3a1;
  border-color: #a6e3a1;
  color: #1e1e2e;
}

.dark .el-button:not(.is-text):not(.is-link).is-warning {
  background-color: #f9e2af;
  border-color: #f9e2af;
  color: #1e1e2e;
}

.dark .el-button:not(.is-text):not(.is-link).is-danger {
  background-color: #f38ba8;
  border-color: #f38ba8;
  color: #1e1e2e;
}